 <style>
.list-unstyled li:hover{ cursor:pointer; background:#23b7e5; color:#fff; }
</style>
<div class="modal-header" id="scope">
	<h3 class="modal-title" ng-if="param.type == 'fp'">分配权限</h3>
</div>
<form name="myForm" class="form-horizontal form-validation">
	<div class="modal-body">
		<div class="row wrapper m-n">
			<div class="hbox hbox-auto-xs hbox-auto-sm ">
				<div
					class="col-lg-2 col-md-3 col-sm-3 col-xs-4 no-padder first-menu bg-light">
					<div class="b h-xxxl lter" style="overflow: auto;">
						<ul class="list-unstyled m-b-none bg-light">
<!-- 							<li class="wrapper-sm b-b text-xs" ng-repeat="title in titleList"
							ng-click="showList(title,$event)"  ng-class="{true:'bg-warning'}">{{title.name}}
							<i class="fa fa-fw fa-angle-right pull-right"></i>
							</li> -->
							<li class="wrapper-sm b-b text-xs"  ng-click="showList(booking,$event)"  ng-class="{true:'bg-warning'}">{{booking.name}}
							   <i class="fa fa-fw fa-angle-right pull-right"></i>
							</li>
							<li class="wrapper-sm b-b text-xs"  ng-click="showList(agency,$event)"  ng-class="{true:'bg-warning'}">{{agency.name}}
							   <i class="fa fa-fw fa-angle-right pull-right"></i>
							</li>
							<li class="wrapper-sm b-b text-xs"  ng-click="showList(rent,$event)"  ng-class="{true:'bg-warning'}">{{rent.name}}
							   <i class="fa fa-fw fa-angle-right pull-right"></i>
							</li>
							<li class="wrapper-sm b-b text-xs"  ng-click="showList(bus,$event)"  ng-class="{true:'bg-warning'}">{{bus.name}}
							   <i class="fa fa-fw fa-angle-right pull-right"></i>
							</li>
							<li class="wrapper-sm b-b text-xs"  ng-click="showList(system,$event)"  ng-class="{true:'bg-warning'}">{{system.name}}
							   <i class="fa fa-fw fa-angle-right pull-right"></i>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-2 col-md-3 col-sm-3 col-xs-4 no-padder first-menu bg-light">
					<div class="b h-xxxl lter" style="overflow: auto;" ng-show="flag">
						<ul class="list-unstyled m-b-none bg-light">
							<li class="wrapper-sm b-b text-xs" ng-repeat="menu in menuList"
								ng-click="showAuth(menu,$event)">{{menu.name}}
								<i class="fa fa-fw fa-angle-right pull-right"></i>
							</li>
						</ul>
					</div>
				</div>
				<div class="table-responsive padder m-n">
				  <p>说明：一级菜单和二级菜单对应菜单栏的显示，若想操作二级菜单必须拥有一级菜单的权限；若想操作二级菜单下的具体功能，必须拥有二级菜单的权限。</p>
				  <p>点击按钮即可对权限进行控制，按钮为蓝色即拥有权限，白色则未拥有。选择完毕后点击提交按钮保存即可生效。</p>
					<table class="table table-striped b b-light">
						<thead>
							<tr>
								<th style="width: 10px;"></th>
								<th>操作</th>
								<th>菜单描述</th>
								<th>是否已拥有</th>
							</tr>
						</thead>
						<tbody>
		                    <tr ng-repeat="data in dataList">
		                       <td></td>
		                       <td>{{data.name}}</td>
		                       <td>
		                          <span ng-if="data.description">{{data.description}}</span>
		                          <span ng-if="!data.description">无</span>
		                       </td>
		                       <td>
						           <label class="i-switch bg-info m-t-xs m-r">
							             <input type="checkbox" ng-checked="data.own" ng-click="check(data)" >
							        <i></i>
						           </label>
		                       </td>
		                    </tr>
		                    <tr ng-show="menuList==''">
					            <td colspan="4" style="text-align: center;">请点击左侧选择菜单项</td>
				            </tr>
				        <tr ng-if="menuList!=''">
							<td colspan="4" >
								<button class="btn m-b-xs btn-sm btn-primary btn-addon" ng-click="check_all()"><i class="fa fa-plus"></i>全选</button>
								<button class="btn m-b-xs btn-sm btn-primary btn-addon" ng-click="check_invert()"><i class="fa fa-minus"></i>反选</button>
							</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>

		</div>
		<div class="modal-footer">
			<button class="btn btn-default" type="button" ng-click="cancel()">取消</button>
			<button type="submit" class="btn btn-success" ng-click="ok()">提交</button>
		</div>
	</div>
</form>